<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <title>瑾尚美缝</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="habiTTech">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__STATIC__/style/css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/style/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="__STATIC__/style/css/style.css">
    <link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
    <script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>

</head>
<body>
<div class="container-fluid">
    <div class="row"> <img src="__STATIC__/style/images/banner.jpg" title="" alt="" class="w100">

    </div>


    <div class="row">
        <div class="col-xs-12 fuwu">
            <p class="p1">服务高标准</p>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/003.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>系统平台</big></p>
                        <p>数据录入系统<br>方便后续跟进</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/002.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>一户一保</big></p>
                        <p>投保中国人保<br>售后有保障</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/001.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>免费量房定色</big></p>
                        <p>量房定色<br>免费上门服务</p>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/006.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>优质产品</big></p>
                        <p>绿色环保<br>产品种类多</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/005.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>专业施工队</big></p>
                        <p>专业系统培训<br>施工更专业</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="thumbnail"> <img src="__STATIC__/style/images/004.png" alt="..." title="">
                    <div class="caption">
                        <p class="p2"><big>及时服务</big></p>
                        <p>7*24小时<br>及时售后服务</p>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="row">
        <p class="p1">服务人员查询</p>
        <div class="col-xs-12 baimg">
            <p class="text-justify">瑾尚美缝每一位美缝顾问及美缝师，都是经过系统化的专业培训，考核通过后持证上岗。具有专业的美缝产品及施工知识,让您放心、省心、安心！
            <p>
        </div>
    </div>
    <div class="row bacolor">
        <div class="col-xs-12">
            <p class="text-justify1">特别提醒:为避免因证件假冒而导致您的利益受损,您可以在此界面查询，或拨打4000966991电话核实服务人员的个人信息。</p>
        </div>
    </div>
    <div style='height:10px'></div>
    <!-- <div class="row tuandui">

       <p><img src="style/images/015.png" title="" alt="" class="w100"></p>
       <p><img src="style/images/016.png" title="" alt="" class="w100"></p>
     </div>-->

    <div class="fw_detail">
        <div class="cx">
            <h3>服务人员查询</h3>
            <form class="form-inline" method="post" name="form1" action="{:url('index/cha')}">
                <div id="distpicker5">
                    <div class="form-group">
                        <label class="sr-only" for="province10">Province</label>
                        <select class="form-control" name="province" id="province10"></select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="city10" >City</label>
                        <select class="form-control" name="city" id="city10"></select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="district10">District</label>
                        <select class="form-control" name="county" id="district10"></select>
                    </div>
                </div>

            <div class="cx_detail">
                <select class="form-control" name="category">
                    <option value="0" selected="">人员类别</option>
                    <option value="中国卓高合伙人">中国卓高合伙人</option>
                    <option value="美缝城市合伙人">美缝城市合伙人</option>
                    <option value="美缝师">美缝师</option>
                    <option value="美缝顾问">美缝顾问</option>

                </select>


            </div>
            <div class="cx_detail">
                <input class="province" name="name" placeholder="姓名关键字" id="txtkey">
            </div>
            </form>
            <div class="search"> <img src="__STATIC__/style/images/search.png" onclick="cha()"> 查询 </div>
            <script>
                function cha() {

                    document.form1.submit();
                }
            </script>
        </div>
    </div>
    <div class="p_detail">
        <h2>人员详情</h2>
        <p><span class="m0" style="font-size: 15px;">姓名</span><span class="m1" style="font-size: 15px;">省份</span><span class="m2" style="font-size: 15px;">城市</span><span class="m3"style="font-size: 15px;">人员类别</span><span class="m6" style="font-size: 15px;">证书编号</span></p>
        <ul style="">
            {volist name='list' id='vo'}
            <li onclick="show_persona({$vo.id})"><span class="m0">{$vo.name}</span><span class="m1">{$vo.province}</span><span class="m2">{$vo.city}</span><span class="m3">{$vo.category}</span><span class="m4">{$vo.number}</span></li>
        {/volist}
        </ul>
        <!--分页-->
        {notempty name="page"}
        <div class="paginations" style="display:none">
            {$page}
        </div>
        {/notempty}
    </div>

    <!--人员详情弹层-->{volist name='list' id='vo'}
    <div class="employ_bg" id="employ_bg{$vo.id}" style="display:none;">
        <div class="js-employee-box">
            <div class="page-8-employee-profile-close js-close-employee-profile">
                <div class="left"></div>
                <img src="__STATIC__/style/images/page8-close.png" alt="">
            </div>
            <div class="page-8-employee-profile">
                <img class="userimg" src="../../uploads/{$vo.userimg}">
                <ul>
                    <li><label>姓      名：</label> <span class="username">{$vo.name}</span></li>
                    <li><label>性      别：</label> <span class="usergender">{$vo.gender}</span></li>
                    <!--<li><label>工      号：</label> <span class="userPid"></span></li>-->
                    <li><label>所在省份：</label> <span class="userProvince">{$vo.province}</span></li>
                    <li><label>所在城市：</label> <span class="userCity">{$vo.city}</span></li>
                    <li><label>从业时间：</label> <span class="userWork">{$vo.practitionersdata}</span></li>
                    <li><label>服务客户：</label> <span class="userServ">{$vo.service}</span></li>
                    <li><label>星级专员：</label> <span class="userStar">{$vo.star}</span></li>
                </ul>
            </div>
        </div>
    </div>
{/volist}



</div>
<script src="__STATIC__/style/js/jweixin-1.1.0.js"></script>




<script src="__STATIC__/style/js/jquery-3.2.1.js"></script>
<script src="__STATIC__/style/js/bootstrap.min.js"></script>
<script src="__STATIC__/style/js/swiper-3.4.2.min.js"></script>
<!--<script src="__STATIC__/style/js/app.js"></script>-->
<script>
    $('.page-8-employee-profile-close').on('click',function(){
        $(this).parent().parent().hide();
    })
    function show_persona(id){
        //console.log(123);
        $('#employ_bg'+id).show();
    }
</script>
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="__STATIC__/index/jq/js/distpicker.data.js"></script>
<script src="__STATIC__/index/jq/js/distpicker.js"></script>
<script src="__STATIC__/index/jq/js/main.js"></script>
</body>
</html>